<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="icon" href="img/favicon.ico">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/youshi.css">
    <style>
        html {
            height: 100%;
            overflow-y: hidden;
        }
        body {
            height: 100%;
            overflow-y: auto;
        }
        .getInfo {
            background-color: #ced4da;
            width: 100px;
            text-align: center;
            border-radius: 5px;
            color: white;
            margin: 10px auto;
            cursor: pointer;
            padding: 6px 0;
        }
        .info:hover {
            color: #1EB9EE;
        }
        .info {
            color: white;
        }
        .scoll-button {
            width: 42px;
            height: 62px;
            background-image: url(img/index/top-icon.png);
            background-size: 100% 100%;
            background-position: 50%;
            position: fixed;
            left: calc(50% + 613px);
            bottom: 150px;
            transform: translateX(-100%);
            z-index: 100;
            cursor: pointer;
        }
        .ckxq {
            background-color: #4395FF;
            width: 100px;
            text-align: center;
            border-radius: 5px;
            color: white;
            margin: 15px auto;
            cursor: pointer;
            padding: 5px 0;
        }
        .ywys {
            padding: 10px;
            background-color: white;
            width: 19%;
            text-align: center;
            border-radius: 6px;
            margin: 1% 2%;
        }
        .ywys_img {
            width: 96%;
            margin: auto;
        }
        .ywys_title {
            color: black;
            font-size: 15px;
            margin-top: 10px;
            padding-bottom: 5px;
        }
        .ywys_detail {
            margin-top: 6px;
            overflow: hidden;
            -webkit-line-clamp: 2;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
        }
        .anniu {
            border: 2px solid #014881;
            border-radius: 20px;
            background-color: #2789D5;
            height: 40px;
            line-height: 40px;
            font-weight: 500;
            color: white;
            text-align: center;
            cursor: pointer;
            width: 85%;
            margin: auto;
        }
        .selected {
            color: red;
        }
        .shou {
            cursor: pointer;
        }
    </style>
</head>
<body>
<div>
    <a name="top"></a>
    <!--轮播开始-->
    <div style="background-color: #f5f5f5;">
        <div class="layui-carousel" id="test1" style="margin: auto;">
            <div carousel-item>
                <div></div>
            </div>
        </div>
    </div>
    <div style="background: #f5f5f5;">
        <div class="main-box ltjxDrop ltjxWarp" data-id="ltjxDrop" modulecode="module_select" sortcode="row_6_1">
            <div class="lx_jx_header">
                <p class="floor_tit"><span class="editeTxt" i18n="">套餐与服务</span></p>
            </div>
            <div class="width100" style="margin-top: 20px;">
                <ul class="lx_jx_pro_ul ltjxUlEdite validateArea">
                    <li class="validateElement appendEditDelBut ui-droppable" style="height: 267px;">
                        <div class="lx_jx_pro_img_div backimg" style="margin-top: 23px;">
                            <img src="img/index/liantong4.png" class="lx_jx_pro_img">
                        </div>
                        <p class="jx_tit editeTxt" i18n="">SIM卡</p>
                        <div style="margin-top: 10px;">
                            <div class="getInfo">
                                <a href="ETL-SIM.html" class="info">查看信息<span style="padding-left: 10px;">></span></a>
                            </div>
                        </div>
                    </li>
                    <li class="validateElement appendEditDelBut ui-droppable" style="height: 267px;">
                        <div class="lx_jx_pro_img_div backimg" style="margin-top: 23px;">
                            <img src="img/index/liantong3.png" class="lx_jx_pro_img">
                        </div>
                        <p class="jx_tit editeTxt">FTTH高速互联网</p>
                        <div style="margin-top: 10px;">
                            <div class="getInfo">
                                <a href="product-detail-ftth.html" class="info">查看信息<span
                                        style="padding-left: 10px;">></span></a>
                            </div>
                        </div>
                    </li>
                    <li class="validateElement appendEditDelBut ui-droppable" style="height: 267px;">
                        <div class="lx_jx_pro_img_div backimg" style="margin-top: 23px;">
                            <img src="img/index/liantong2.png" class="lx_jx_pro_img">
                        </div>
                        <p class="jx_tit editeTxt" i18n="">5G设备</p>
                        <div style="margin-top: 10px;">
                            <div class="getInfo">
                                <a href="product-detail-hometel.html?type=1" class="info">查看信息<span
                                        style="padding-left: 10px;">></span></a>
                            </div>
                        </div>
                    </li>
                    <li class="marginR0  validateElement appendEditDelBut ui-droppable"
                        style="margin-right: 0;height: 267px;">
                        <div class="lx_jx_pro_img_div backimg" style="margin-top: 23px;">
                            <img src="img/index/liantong1.png" class="lx_jx_pro_img">
                        </div>
                        <p class="jx_tit editeTxt">流量套餐</p>
                        <div style="margin-top: 10px;">
                            <div class="getInfo">
                                <a href="popular-package.html" class="info">查看信息<span
                                        style="padding-left: 10px;">></span></a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--联通精选-->
    <div style="background: #f5f5f5;">
        <div class="main-box ltjxDrop ltjxWarp" data-id="ltjxDrop" modulecode="module_select" sortcode="row_6_1">
            <div class="lx_jx_header" id="jx_box">
                <p class="floor_tit"><span class="editeTxt" i18n="main.rmcx">热门促销</span></p>
                <ul class="lx_jx_sx_ul" style="width: 232px;">
                    <li class="marginL0 editeTxt lx_jx_sx_select" data-class="rqtj-conf" submodulename="人气推荐" title=""
                        contenteditable="false" i18n="main.ydtc">移动套餐
                    </li>
                    <li class="editeTxt marginR0" data-class="tszj-conf" submodulename="特色专区" title=""
                        contenteditable="false" i18n="main.gkdhlw">高宽带互联网
                    </li>
                </ul>
            </div>
            <div class="width100" id="lx_jx_pro_ul">
                <ul class="lx_jx_pro_ul ltjxUlEdite validateArea rqtj-conf ui-droppable lx_jx_pro_ulShow"
                    id="ydtc"></ul>
                <ul class="lx_jx_pro_ul ltjxUlEdite validateArea tszj-conf ui-droppable" data-id="ltjxDroptszq"
                    style="display: none;">
                    <li class="validateElement appendEditDelBut ui-droppable" onclick="gqrh()">
                        <p class="jx_tit editeTxt" i18n="index.gqrh">光纤入户（FTTH）</p>
                        <div class="lx_jx_pro_img_div backimg">
                            <img src="img/index/liantong4.png" class="lx_jx_pro_img">
                        </div>
                    </li>
                    <li class="validateElement appendEditDelBut ui-droppable" id="goods1">
                        <p class="jx_tit editeTxt">FTTH</p>
                        <div class="lx_jx_pro_img_div backimg">
                            <img src="img/index/liantong3.png" class="lx_jx_pro_img">
                        </div>
                    </li>
                    <li class="validateElement appendEditDelBut ui-droppable" onclick="hlwcpe()">
                        <p class="jx_tit editeTxt" i18n="index.cpe">互联网CPE</p>
                        <div class="lx_jx_pro_img_div backimg">
                            <img src="img/index/liantong2.png" class="lx_jx_pro_img">
                        </div>
                    </li>
                    <li class="marginR0  validateElement appendEditDelBut ui-droppable" style="margin-right: 0px;"
                        id="goods2">
                        <p class="jx_tit editeTxt">FTTH Via CPE</p>
                        <div class="lx_jx_pro_img_div backimg">
                            <img src="img/index/liantong1.png" class="lx_jx_pro_img">
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!--流量、宽带专区-->
        <!--        <div class="main-box H1042">-->
        <!--            <div class="traffic_div fl" id="traffic_div">-->
        <!--                <div class="traffic_div_header">-->
        <!--                    <p class="floor_tit"><span i18n="main.llzq">流量专区</span></p>-->
        <!--                    <div class="floor_tit3_div">-->
        <!--                        <div class="editeTxt1">-->
        <!--                            <span class="floorNavTit" i18n="main.swjl">上网记录</span>-->
        <!--                        </div>-->
        <!--                        <i class="floor_tit3_fg">/</i>-->
        <!--                        <div class="editeTxt1">-->
        <!--                            <span class="floorNavTit" i18n="main.llxd">流量详单</span>-->
        <!--                        </div>-->
        <!--                        <i class="floor_tit3_fg">/</i>-->
        <!--                        <div class="editeTxt1">-->
        <!--                            <span class="floorNavTit" i18n="main.dgjl">订购记录</span>-->
        <!--                        </div>-->
        <!--                    </div>-->
        <!--                    &lt;!&ndash;                <div class="more_div fr">&ndash;&gt;-->
        <!--                    &lt;!&ndash;                    <a href="###"> 更多&ndash;&gt;-->
        <!--                    &lt;!&ndash;                        <div class="more_icon fr"></div>&ndash;&gt;-->
        <!--                    &lt;!&ndash;                    </a>&ndash;&gt;-->
        <!--                    &lt;!&ndash;                </div>&ndash;&gt;-->
        <!--                </div>-->
        <!--                <div class="trafficConDiv validateArea ui-droppable" data-id="tymb1">-->
        <!--                    <ul class="traffic_ul1">-->
        <!--                        <li class="validateElement appendEditDelBut ui-droppable" data-id="llzq1">-->
        <!--                            <img src="img/index/1.jpg" class="traffic_ul1_libg">-->
        <!--                            <img src="img/index/2.png" class="traffic_ul1_li_bg">-->
        <!--                            <div class="traffic_ul1_li_message_div">-->
        <!--                                <p class="traffic_ul1_li_message1" i18n="main.wodxllb">WO定向流量包</p>-->
        <!--                                <p class="traffic_ul1_li_message2" i18n="main.dxllb">定向视频包</p>-->
        <!--                            </div>-->
        <!--                        </li>-->
        <!--                        <li class="borderNone fr  validateElement appendEditDelBut ui-droppable" data-id="llzq1">-->
        <!--                            <img src="img/index/3.jpg" class="traffic_ul1_libg">-->
        <!--                            <img src="img/index/2.png" class="traffic_ul1_li_bg">-->
        <!--                            <div class="traffic_ul1_li_message_div">-->
        <!--                                <p class="traffic_ul1_li_message1" i18n="main.qgllbnb">全国流量半年包</p>-->
        <!--                                <p class="traffic_ul1_li_message2" i18n="main.bnyx">半年有效</p>-->
        <!--                            </div>-->
        <!--                        </li>-->
        <!--                    </ul>-->
        <!--                    <ul class="traffic_ul2" id="liuliangbao"></ul>-->
        <!--                </div>-->
        <!--            </div>-->
        <!--            <div class="broadband_div fr margin-bottom10">-->
        <!--                <div class="broadband_div_header">-->
        <!--                    <p class="floor_tit"><span class="editeTxt" i18n="main.kdzq">宽带专区</span></p>-->
        <!--                    <div class="floor_tit3_div">-->
        <!--                        <div class="editeTxt1">-->
        <!--                            <span class="floorNavTit" i18n="main.kdxz">宽带新装</span>-->
        <!--                        </div>-->
        <!--                        <i class="floor_tit3_fg">/</i>-->
        <!--                        <div class="editeTxt1">-->
        <!--                            <span class="floorNavTit" i18n="main.kdxf">宽带续费</span>-->
        <!--                        </div>-->
        <!--                        <i class="floor_tit3_fg">/</i>-->
        <!--                        <div class="editeTxt1">-->
        <!--                            <span class="floorNavTit" i18n="main.kdcs">宽带测速</span>-->
        <!--                        </div>-->
        <!--                        <i class="floor_tit3_fg">/</i>-->
        <!--                        <div class="editeTxt1">-->
        <!--                            <span class="floorNavTit" i18n="main.kdbz">宽带报障</span>-->
        <!--                        </div>-->
        <!--                    </div>-->
        <!--                    &lt;!&ndash;                <div class="more_div fr">&ndash;&gt;-->
        <!--                    &lt;!&ndash;                    <a href="###"> 更多&ndash;&gt;-->
        <!--                    &lt;!&ndash;                        <div class="more_icon fr"></div>&ndash;&gt;-->
        <!--                    &lt;!&ndash;                    </a>&ndash;&gt;-->
        <!--                    &lt;!&ndash;                </div>&ndash;&gt;-->
        <!--                </div>-->
        <!--                <div class="broadbandConDiv validateArea ui-droppable" data-id="kdjcmb1">-->
        <!--                    <div class="broadband_top validateElement appendEditBut">-->
        <!--                        <img src="img/index/4.jpg" class="kdzq_bg1">-->
        <!--                        <div class="broadband_fc" style="top: 0;">-->
        <!--                            <img src="img/index/2.png" class="broadband_fc_bg">-->
        <!--                            <ul class="broadband_top_mes" style="top: 44%;left: 0;text-align: center;">-->
        <!--                                <li class="broadband_top_txt1 editeTxt" i18n="main.zxshltzj">智享生活 联通智家</li>-->
        <!--                                <li class="broadband_top_txt2 editeTxt" style="color: #aaaaaa;font-size: 12px;" i18n="main.jshwl">极速好网络，套餐全家享</li>-->
        <!--                            </ul>-->
        <!--                        </div>-->
        <!--                        <img src="img/index/collect_icon1_zhl.png" class="collect_icon2">-->
        <!--                    </div>-->
        <!--                    <ul class="broadband_ul2" id="kuandai"></ul>-->
        <!--                </div>-->
        <!--            </div>-->
        <!--        </div>-->
    </div>
    <!--    <div style="background: #f5f5f5;">-->
    <!--        <div class="main-box ltjxDrop ltjxWarp" data-id="ltjxDrop" modulecode="module_select" sortcode="row_6_1">-->
    <!--            <div class="lx_jx_header">-->
    <!--                <p class="floor_tit"><span class="editeTxt" i18n="">掌上营业厅APP</span></p>-->
    <!--            </div>-->
    <!--            <div style="display: flex;justify-content: space-around;margin-top: 26px;">-->
    <!--                <img src="img/banner.jpg" id="image1" style="width: 30%;height: 260px;">-->
    <!--                <img src="img/banner.jpg" id="image2" style="width: 30%;height: 260px;">-->
    <!--                <img src="img/banner.jpg" id="image3" style="width: 30%;height: 260px;">-->
    <!--            </div>-->
    <!--        </div>-->
    <!--    </div>-->
    <div style="background: #f5f5f5;padding-top: 15px;">
        <div class="main-box ltjxDrop ltjxWarp">
            <div class="lx_jx_header">
                <p class="floor_tit"><span class="editeTxt" i18n="">按类别选购</span></p>
            </div>
            <div class="floor_tit3_div" style="margin-top: 10px;">
                <div class="editeTxt1" onclick="getComboByType(1)">
                    <span class="floorNavTit shou selected" i18n="">预付费</span>
                </div>
                <i class="floor_tit3_fg">/</i>
                <div class="editeTxt1" onclick="getComboByType(1)">
                    <span class="floorNavTit shou" i18n="">后付费</span>
                </div>
                <i class="floor_tit3_fg">/</i>
                <div class="editeTxt1" onclick="getComboByType(2)">
                    <span class="floorNavTit shou" i18n="">上网卡4.5G</span>
                </div>
                <i class="floor_tit3_fg">/</i>
                <div class="editeTxt1" onclick="getComboByType(4)">
                    <span class="floorNavTit shou" i18n="">Youtube</span>
                </div>
                <i class="floor_tit3_fg">/</i>
                <div class="editeTxt1" onclick="getComboByType(3)">
                    <span class="floorNavTit shou" i18n="">其他</span>
                </div>
            </div>
            <div>
                <div class="product-grid-view row" id="combo" style="display: flex;">

                </div>
            </div>
        </div>
    </div>
    <div style="background: #f5f5f5;">
        <div class="main-box ltjxDrop ltjxWarp">
            <div class="lx_jx_header" style="padding-bottom: 10px;">
                <p class="floor_tit"><span class="editeTxt" i18n="">粉丝最爱</span></p>
            </div>
            <div>
                <div class="product-grid-view row" id="comboFs" style="display: flex;">

                </div>
            </div>
        </div>
    </div>
    <div style="background: #f5f5f5;">
        <div class="main-box ltjxDrop ltjxWarp">
            <div class="lx_jx_header" style="padding-bottom: 10px;">
                <p class="floor_tit"><span class="editeTxt" i18n="">新进套餐</span></p>
            </div>
            <div>
                <div class="product-grid-view row" id="comboXj" style="display: flex;">

                </div>
            </div>
        </div>
    </div>
    <div style="background: #f5f5f5;" id="cxhd">
        <div class="main-box ltjxDrop ltjxWarp">
            <div class="lx_jx_header" style="padding-bottom: 10px;">
                <p class="floor_tit"><span class="editeTxt" i18n="">促销活动</span></p>
            </div>
            <div>
                <div class="product-grid-view row" id="comboCx" style="display: flex;">

                </div>
            </div>
        </div>
    </div>
<!--    <div style="background: #f5f5f5;padding-top: 10px;">-->
<!--        <div class="main-box ltjxDrop ltjxWarp">-->
<!--            <div class="lx_jx_header">-->
<!--                <p class="floor_tit"><span class="editeTxt" i18n="">业务优势</span></p>-->
<!--            </div>-->
<!--            <div style="display: flex;justify-content: flex-start;margin-top: 16px;flex-wrap: wrap;">-->
<!--                <div class="ywys">-->
<!--                    <img src="img/index/youshi1.png" class="ywys_img">-->
<!--                    <div class="ywys_title">4K超高清视频通话</div>-->
<!--                    <div class="ywys_detail">家庭高清视频通话业务通过智能机顶盒/TV端APP（外接摄像头）</div>-->
<!--                    <div class="ckxq">查看详情</div>-->
<!--                </div>-->
<!--                <div class="ywys">-->
<!--                    <img src="img/index/youshi2.png" class="ywys_img">-->
<!--                    <div class="ywys_title">大屏4K业务</div>-->
<!--                    <div class="ywys_detail">大屏4K业务通过魔百和、咪视通真4K专区体验真4K影视内容。4K专区提供电影、电视剧、直播。</div>-->
<!--                    <div class="ckxq">查看详情</div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
    <!--    <div style="background: #f5f5f5;padding-top: 15px;">-->
    <!--        <div class="main-box ltjxDrop ltjxWarp">-->
    <!--            <div class="lx_jx_header">-->
    <!--                <p class="floor_tit"><span class="editeTxt" i18n="">技术优势</span></p>-->
    <!--            </div>-->
    <!--            <div style="font-size: 15px;color: #4395FF;margin-top: 10px;text-align: center;">-->
    <!--                5G是4G的延伸，是第五代移动通信标准，也称第五代移动通话术。5G具有高速率、低时延、大容量等特征。-->
    <!--            </div>-->
    <!--            <div style="display: flex;justify-content: flex-start;margin-top: 16px;flex-wrap: wrap;">-->
    <!--                <div class="ywys">-->
    <!--                    <img src="img/index/youshi1.png" class="ywys_img">-->
    <!--                    <div class="ywys_title">4K超高清视频通话</div>-->
    <!--                    <div class="ywys_detail">家庭高清视频通话业务通过智能机顶盒/TV端APP（外接摄像头）</div>-->
    <!--                    <div class="ckxq">查看详情</div>-->
    <!--                </div>-->
    <!--                <div class="ywys">-->
    <!--                    <img src="img/index/youshi2.png" class="ywys_img">-->
    <!--                    <div class="ywys_title">大屏4K业务</div>-->
    <!--                    <div class="ywys_detail">大屏4K业务通过魔百和、咪视通真4K专区体验真4K影视内容。4K专区提供电影、电视剧、直播。</div>-->
    <!--                    <div class="ckxq">查看详情</div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--        </div>-->
    <!--    </div>-->
<!--    <div class="sec clearfix" id="5G_YW">-->
<!--        <h2 class="h2 clearfix">-->
<!--            <span class="gradienText" style="padding-bottom: 30px;">业务优势</span>-->
<!--        </h2>-->
<!--        <div class="con">-->
<!--            <div class="picScroll_YS clearfix">-->
<!--                <div class="hd" style="display: none;">-->
<!--                    <a class="next ariaskiptheme"></a>-->
<!--                    <a class="prev ariaskiptheme"></a>-->
<!--                </div>-->
<!--                <div class="bd clearfix">-->
<!--                    <ul class="picList">-->
<!--                        <li>-->
<!--                            <dl class="box">-->
<!--                                <a href="http://www.10086.cn/5G/product/4kspth" target="_blank" onclick="javascript:if(typeof(_tag)!= 'undefined'){_tag.dcsMultiTrack('WT.event','5G_HOME_C_YWYS_LIST_1','WT.prov',100);}" class="ariaskiptheme">-->
<!--                                    <dt>-->
<!--                                        <img src="img/jsys/202003161332293167l2.jpg">-->
<!--                                    </dt>-->
<!--                                    <dd>-->
<!--                                        <h3>4K超高清视频通话</h3>-->
<!--                                        <p title="家庭高清视频通话业务通过智能机顶盒/TV端App（外接摄像头）、带屏音箱、手机APP，提供跨终端、跨网络的优质视频通信服务。让您随时随地感受同屏娱乐互动，体验视频通话的趣味。高清视频通话让沟通无界！" setedaria="true" tabindex="0" style="height: 96px;">家庭高清视频通话业务通过智能机顶盒/TV端App（外接摄像头）、带屏音箱、手机A…</p>-->
<!--                                        <i class="btn">查看详情</i>-->
<!--                                    </dd>-->
<!--                                </a>-->
<!--                            </dl>-->
<!--                        </li>-->
<!--                        <li>-->
<!--                            <dl class="box">-->
<!--                                <a href="http://www.10086.cn/5G/product/dp4k/" target="_blank" onclick="javascript:if(typeof(_tag)!= 'undefined'){_tag.dcsMultiTrack('WT.event','5G_HOME_C_YWYS_LIST_2','WT.prov',100);}" class="ariaskiptheme">-->
<!--                                    <dt>-->
<!--                                        <img src="img/jsys/20200316133136961daK.jpg">-->
<!--                                    </dt>-->
<!--                                    <dd>-->
<!--                                        <h3>大屏4K业务</h3>-->
<!--                                        <p title="大屏4K业务通过魔百和、咪视通真4K专区体验真4K影视内容。4K专区提供电影、电视剧、体育、综艺、纪实等真4K内容，为用户提供沉浸式的观影体验。" setedaria="true" tabindex="0" style="height: 96px;">大屏4K业务通过魔百和、咪视通真4K专区体验真4K影视内容。4K专区提供电影、…</p>-->
<!--                                        <i class="btn">查看详情</i>-->
<!--                                    </dd>-->
<!--                                </a>-->
<!--                            </dl>-->
<!--                        </li>-->
<!--                    </ul>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
    <div class="sec secDown clearfix secUp" id="5G_TECH">
        <h2 class="h2 clearfix">
            <div class="gradienText">技术优势</div>
            <p class="subscript clearfix" setedaria="true" tabindex="0" id="ysJianjie">
                5G是4G的延伸，是第五代移动通信标准，也称第五代移动通信术。5G具有高速率、低时延、大容量等特征。
            </p>
        </h2>
        <div class="con conjs conDown conUp jsys_list">
            <!--单个盒子开始-->
<!--            <div class="toggleBox">-->
<!--                <div class="sub">-->
<!--                    <h3><img src="img/jsys/h_l.jpg"><span>高速率</span><img src="img/jsys/h_r.jpg"></h3>-->
<!--                    <p class="p1" setedaria="true" tabindex="0">-->
<!--                        5G的网络速度是4G的10倍以上，在5G网络环境比较好的情况下，1G的文件1-3秒就能下完，基本上不会超过10秒。-->
<!--                    </p>-->
<!--                    <img src="img/jsys/triangle.jpg" class="triangle">-->
<!--                </div>-->
<!--                <div class="sub_2">-->
<!--                    <h3 i18n="main.example">示例</h3>-->
<!--                    <p class="p1" setedaria="true" tabindex="0">相同的时间，用4G网络只下载了半集电视剧，用5G网络已经下载完10集了。 </p>-->
<!--                    <img data-lazyimg="img/jsys/202003161520575352k1.gif" src="img/jsys/202003161520575352k1.gif" class="gif">-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="toggleBox">-->
<!--                <div class="sub">-->
<!--                    <h3><img src="img/jsys/h_l.jpg"><span>低时延</span><img src="img/jsys/h_r.jpg"></h3>-->
<!--                    <p class="p1" setedaria="true" tabindex="0">-->
<!--                        人类眨眼的时间为100毫秒，而5G的时延为毫秒级，再也不用担心出现卡顿、延时等情况，信息交换可以完全精准流畅地进行。-->
<!--                    </p>-->
<!--                    <img src="img/jsys/triangle.jpg" class="triangle">-->
<!--                </div>-->
<!--                <div class="sub_2">-->
<!--                    <h3 i18n="main.example">示例</h3>-->
<!--                    <p class="p1" setedaria="true" tabindex="0">操控无人机飞行，5G网络下的无人机灵敏躲过障碍平稳飞行，4G网络下的无人机由于时延严重，反应迟钝撞上 </p>-->
<!--                    <img data-lazyimg="img/jsys/20200316152306282b88.gif" src="img/jsys/20200316152306282b88.gif" class="gif">-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="toggleBox">-->
<!--                <div class="sub">-->
<!--                    <h3><img src="img/jsys/h_l.jpg"><span>大容量</span><img src="img/jsys/h_r.jpg"></h3>-->
<!--                    <p class="p1" setedaria="true" tabindex="0">5G网络连接容量更大，每平方公里最大连接数将是4G的10倍，可支持100万个连接同时在线。</p>-->
<!--                    <img src="img/jsys/triangle.jpg" class="triangle">-->
<!--                </div>-->
<!--                <div class="sub_2">-->
<!--                    <h3 i18n="main.example">示例</h3>-->
<!--                    <p class="p1" setedaria="true" tabindex="0">在5G网络覆盖下，每一平方公里内，可支持100万台设备同时高速上网。 </p>-->
<!--                    <img data-lazyimg="img/jsys/202003161525411193d7.gif" src="img/jsys/202003161525411193d7.gif" class="gif">-->
<!--                </div>-->
<!--            </div>-->
            <!--单个盒子结束-->
        </div>
        <a href="javascript:;" onclick="jsys()" class="toggle ariaskiptheme toggleDown"></a>
    </div>
    <a href="common_problem_5G.html" class="submit" target="_blank">点击查看您关心的5G问题</a>
    <footer id="bj_tail" style="clear:both;" aria-region="true" aria-label="服务区底部,当前为网页底部服务区，主要有新闻中心、站点导航、友情链接、企业合作等服务内容。" aria-regiontype="4" tabindex="0" aria-autolabel="true">
<!--        <div class="footer_bm" id="footerNavArea">-->
<!--            <div class="footer_bm_content">-->
<!--                <div class="bm_list">-->
<!--                    <h3>服务渠道</h3>-->
<!--                    <a href="http://www.10086.cn/support/service/channel/entity/" target="_blank">自助终端</a>-->
<!--                    <a href="http://www.10086.cn/support/service/channel/10086/" target="_blank">10086热线</a>-->
<!--                    <a href="http://www.10086.cn/support/service/channel/entity/" target="_blank">实体营业厅</a>-->
<!--                    <a href="http://www.10086.cn/support/service/channel/sms/" target="_blank">短信营业厅</a>-->
<!--                    <a href="http://www.10086.cn/support/service/channel/online/" target="_blank">网上营业厅</a>-->
<!--                    <a href="http://www.10086.cn/support/service/channel/mobile/" target="_blank">客户端/掌上营业厅</a>-->
<!--                </div>-->
<!--                <div class="bm_list">-->
<!--                    <h3>站点导航</h3>-->
<!--                    <a href="http://mm.10086.cn/" target="_blank">MM</a>-->
<!--                    <a href="https://www.cmpay.com/index.xhtml" target="_blank">和包</a>-->
<!--                    <a href="https://www.migu.cn/" target="_blank">中国移动咪咕公司</a>-->
<!--                    <a href="http://mail.10086.cn/" target="_blank">139邮箱</a>-->
<!--                    <a href="https://www.10086.cn/cishan/" target="_blank">慈善基金会</a>-->
<!--                    <a href="https://gongyi.coc.10086.cn/" target="_blank">中国移动公益</a>-->
<!--                </div>-->
<!--                <div class="bm_list">-->
<!--                    <h3>便捷服务</h3>-->
<!--                    <a href="http://shop.10086.cn/i/?f=billqry" target="_blank">账单查询</a>-->
<!--                    <a href="http://shop.10086.cn/i/?f=billdetailqry" target="_blank">详单查询</a>-->
<!--                    <a href="http://shop.10086.cn/i/?f=packremainqry" target="_blank">套餐余量查询</a>-->
<!--                    <a href="http://shop.10086.cn/i/?f=busiqrydeal" target="_blank">业务状态查询</a>-->
<!--                    <a href="http://service.bj.10086.cn/bjyd/web/support/businesshelp/number/" target="_blank">资料下载中心</a>-->
<!--                </div>-->
<!--                <div class="bm_list">-->
<!--                    <h3>产品推荐</h3>-->
<!--                    <a href="https://wx.10086.cn/website/businessPlatform/home/broadband/unityAppointment?secondChannel=PCVersion&amp;from=PC" target="_blank">宽带预约</a>-->
<!--                    <a href="https://h.app.coc.10086.cn/cmcc-app/pc-pages/tariffZone.html?prov=100" target="_blank">在售资费公示</a>-->
<!--                    <a href="https://service.bj.10086.cn/bjyd/web/support/jgb/index.html" target="_blank">资费价目表</a>-->
<!--                </div>-->
<!--                <div class="bm_list">-->
<!--                    <h3>服务指南</h3>-->
<!--                    <a href="https://shop.10086.cn/help/100_100/14.html" target="_blank">购物指南</a>-->
<!--                    <a href="https://shop.10086.cn/help/100_100/27.html" target="_blank">付款方式</a>-->
<!--                    <a href="https://shop.10086.cn/help/100_100/30.html" target="_blank">物流配送</a>-->
<!--                    <a href="https://shop.10086.cn/help/100_100/31.html" target="_blank">售后服务</a>-->
<!--                    <a href="https://shop.10086.cn/help/100_100/28.html" target="_blank">个人中心</a>-->
<!--                    <a href="http://www.10086.cn/web_notice/protocol/" target="_blank">网站服务协议</a>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
        <div class="tailClass_new">
            <section class="footcon_new">
<!--                <div class="footcon_txt">-->
<!--                    <a href="http://www.10086.cn/aboutus/news/" onclick="javascript:if(typeof(_tag)!='undefined'){_tag.dcsMultiTrack('dcsuri','/nopv.gif','WT.event','INDEX_FOOT_NEWS');}">新闻中心</a>-->
<!--                    <span>&nbsp;|&nbsp;</span>-->
<!--                    <a href="http://job.10086.cn/" target="_blank" onclick="javascript:if(typeof(_tag)!='undefined'){_tag.dcsMultiTrack('dcsuri','/nopv.gif','WT.event','INDEX_FOOT_JOB');}">诚聘英才</a>-->
<!--                    <span>&nbsp;|&nbsp;</span>-->
<!--                    <a href="http://it.10086.cn/" target="_blank" onclick="javascript:if(typeof(_tag)!='undefined'){_tag.dcsMultiTrack('dcsuri','/nopv.gif','WT.event','INDEX_FOOT_IT');}">中移信息技术公司</a>-->
<!--                    <span>&nbsp;|&nbsp;</span>-->
<!--                    <a href="http://www.hk.chinamobile.com/sc/" target="_blank" onclick="javascript:if(typeof(_tag)!='undefined'){_tag.dcsMultiTrack('dcsuri','/nopv.gif','WT.event','INDEX_FOOT_HK');}">中国移动香港公司</a>-->
<!--                    <span>&nbsp;|&nbsp;</span>-->
<!--                    <a href="http://zhengqi.10086.cn/" target="_blank" onclick="javascript:if(typeof(_tag)!='undefined'){_tag.dcsMultiTrack('dcsuri','/nopv.gif','WT.event','INDEX_FOOT_ZHENGQI');}">政企客户分公司</a>-->
<!--                    <span>&nbsp;|&nbsp;</span>-->
<!--                    <a href="https://open.10086.cn/" target="_blank"><span style="color:#E53333;">中国移动能力中台</span></a>-->
<!--                    <span>&nbsp;|&nbsp;</span>-->
<!--                    <a href="https://it.10086.cn/honghu/hhweb/#/home?channelId=jtgw" target="_blank" onclick="javascript:if(typeof(_tag)!='undefined'){_tag.dcsMultiTrack('dcsuri','/nopv.gif','WT.event','INDEX_FOOT_WTHH');}">梧桐鸿鹄</a>-->
<!--                    <span>&nbsp;|&nbsp;</span>-->
<!--                    <a href="http://www.10086.cn/cmdha/" onclick="javascript:if(typeof(_tag)!='undefined'){_tag.dcsMultiTrack('dcsuri','/nopv.gif','WT.event','INDEX_FOOT_CMDHA');}">数字家庭合作联盟</a>-->
<!--                    <span>&nbsp;|&nbsp;</span>-->
<!--                    <a href="http://service.bj.10086.cn/bjyd/web/service/wzdh/" target="_blank" onclick="javascript:if(typeof(_tag)!='undefined'){_tag.dcsMultiTrack('dcsuri','/nopv.gif','WT.event','INDEX_FOOT_MAP_100');}">网站地图</a>-->
<!--                    <span>&nbsp;|&nbsp;</span>-->
<!--                    <a href="http://www.10086.cn/web_notice/links/" onclick="javascript:if(typeof(_tag)!='undefined'){_tag.dcsMultiTrack('dcsuri','/nopv.gif','WT.event','INDEX_FOOT_LINKS');}">友情链接</a>-->
<!--                    <span>&nbsp;|&nbsp;</span>-->
<!--                    <a href="http://www.10086.cn/support/selfservice/shdfjubao/" onclick="javascript:if(typeof(_tag)!='undefined'){_tag.dcsMultiTrack('dcsuri','/nopv.gif','WT.event','INDEX_FOOT_SHDF');}">扫黄打非举报</a>-->
<!--                    <span>&nbsp;|&nbsp;</span>-->
<!--                    <a href="http://www.10086.cn/events/djcx/" onclick="javascript:if(typeof(_tag)!='undefined'){_tag.dcsMultiTrack('dcsuri','/nopv.gif','WT.event','INDEX_FOOT_DJCX');}"><span style="color:#E53333;">打击传销</span></a>-->
<!--                    <span>&nbsp;|&nbsp;</span>-->
<!--                    <a href="http://www.10086.cn/web_notice/contact/" onclick="javascript:if(typeof(_tag)!='undefined'){_tag.dcsMultiTrack('dcsuri','/nopv.gif','WT.event','INDEX_FOOT_CONTACT');}">联系我们</a>-->
<!--                </div>-->
<!--                <div class="footcon_txt">-->
<!--                    <span>&nbsp;</span><span>掌上营业厅：</span>-->
<!--                    <a href="http://wap.10086.cn" onclick="javascript:if(typeof(_tag)!='undefined'){_tag.dcsMultiTrack('dcsuri','/nopv.gif','WT.event','INDEX_FOOT_WAP');}">wap.10086.cn</a>-->
<!--                    <span>&nbsp;</span><span>语音自助服务：10086  短信营业厅：10086&nbsp;</span>-->
<!--                    <a href="http://www.10086.cn/support/service/channel/entity/" onclick="javascript:if(typeof(_tag)!='undefined'){_tag.dcsMultiTrack('dcsuri','/nopv.gif','WT.event','INDEX_FOOT_SELF_SERVICE');}">自助终端</a>-->
<!--                    <span>&nbsp;</span>-->
<!--                    <a href="http://www.10086.cn/support/service/channel/entity/" onclick="javascript:if(typeof(_tag)!='undefined'){_tag.dcsMultiTrack('dcsuri','/nopv.gif','WT.event','INDEX_FOOT_YYT');}">营业厅</a>-->
<!--                    <span>&nbsp;</span>-->
<!--                    <a href="http://www.10086.cn/cmccclient/index.htm" onclick="javascript:if(typeof(_tag)!='undefined'){_tag.dcsMultiTrack('dcsuri','/nopv.gif','WT.event','INDEX_FOOT_APP');}">中国移动客户端下载</a>-->
<!--                </div>-->
                <div class="footcon_txt">
                    <span>&nbsp;</span><span>Face book：</span>
                    <a href="http://wap.10086.cn" onclick="javascript:if(typeof(_tag)!='undefined'){_tag.dcsMultiTrack('dcsuri','/nopv.gif','WT.event','INDEX_FOOT_WAP');}">www.facebook.com</a>
                    <span>&nbsp;</span><span>Youtube：</span>
                    <a href="http://wap.10086.cn" onclick="javascript:if(typeof(_tag)!='undefined'){_tag.dcsMultiTrack('dcsuri','/nopv.gif','WT.event','INDEX_FOOT_WAP');}">www.youtube.com</a>
                    <span>&nbsp;</span><span>ins：</span>
                    <a href="http://www.10086.cn/support/service/channel/entity/" onclick="javascript:if(typeof(_tag)!='undefined'){_tag.dcsMultiTrack('dcsuri','/nopv.gif','WT.event','INDEX_FOOT_SELF_SERVICE');}">www.instagram.com</a>
                    <span>&nbsp;</span>
                    <a href="http://www.10086.cn/support/service/channel/entity/" onclick="javascript:if(typeof(_tag)!='undefined'){_tag.dcsMultiTrack('dcsuri','/nopv.gif','WT.event','INDEX_FOOT_YYT');}">营业厅</a>
                    <span>&nbsp;</span>
                    <a href="http://www.10086.cn/cmccclient/index.htm" onclick="javascript:if(typeof(_tag)!='undefined'){_tag.dcsMultiTrack('dcsuri','/nopv.gif','WT.event','INDEX_FOOT_APP');}">老挝运营商客户端下载</a>
                </div>
                <div class="footcon_txt">
                    <span>电话：176****4567&nbsp;&nbsp;邮箱：*******@qq.com&nbsp;&nbsp;地址：***省***市***区&nbsp;&nbsp;&nbsp;&nbsp;</span>
                </div>
                <div class="footcon_txt">
                    <span>Copyright©1999-2024&nbsp;&nbsp;老挝营业厅&nbsp;&nbsp;版权所有&nbsp;&nbsp;&nbsp;&nbsp;</span>
                    <span>本网站支持IPv6访问</span>
                </div>
                <div class="footcon_txt">
                    <span>老挝人民共和国增值电信业务经营许可证&nbsp;&nbsp;经营许可证编号：A2.B1.B2-20100001</span>
                </div>
                <div class="footer_pic">
                    <a id="urlknet" href="https://ss.knet.cn/verifyseal.dll?sn=e130905110100423008ilb000000&amp;pa=500267" tabindex="-1" onclick="javascript:if(typeof(_tag)!='undefined'){_tag.dcsMultiTrack('dcsuri','/nopv.gif','WT.event','INDEX_FOOT_KNET');}" target="_blank" class="ariaskiptheme">
                        <img src="img/jsys/knetSealLogo.png" name="KNET_seal" onclick="javascript:KNET_change('urlknet');" class="footcx">
                    </a>
                    <div class="gov">
                        <a href="http://beian.miit.gov.cn/" onclick="javascript:if(typeof(_tag)!='undefined'){_tag.dcsMultiTrack('dcsuri','/nopv.gif','WT.event','INDEX_FOOT_ICP');}">京ICP备05002571号</a>
                    </div>
                </div>
            </section>
        </div>
    </footer>
</div>
<div id="mao" onclick="mao()" style="display: none;">
    <a href="#top">
        <div class="scoll-button"></div>
    </a>
</div>
<script src="layui/layui.js"></script>
<script src="js/jquery/jquery.min.js"></script>
<script src="js/jquery/jquery.i18n.properties.min.js"></script>
<script src="js/token.js"></script>
<script src="js/config.js"></script>
<script src="js/jquery.i18n.min.js"></script>
<script src="js/multi_lang_config.js"></script>
<script>
    var layer = layui.layer;
    var form = layui.form;

    var carousel = layui.carousel;

    // 人气推荐和特色专区动画
    $(".lx_jx_sx_ul li").mouseover(function () {
        if (this.dataset.class == 'rqtj-conf') {
            $(".rqtj-conf").show();
            $(this).addClass('lx_jx_sx_select')
            $(this).next().removeClass('lx_jx_sx_select')
            $(".tszj-conf").hide();
        } else if (this.dataset.class == 'tszj-conf') {
            $(".tszj-conf").show();
            $(".rqtj-conf").hide();
            $(this).addClass('lx_jx_sx_select')
            $(this).prev().removeClass('lx_jx_sx_select')
        }
    })

    var show = 0;
    function jsys() {
        if (show == 0){
            $(".conjs").removeClass("conDown");
            $(".conjs").addClass("conUp");
            $(".toggle").removeClass("toggleDown");
            $(".toggle").addClass("toggleUp");
            show = 1;
        }else{
            $(".conjs").removeClass("conUp");
            $(".conjs").addClass("conDown");
            $(".toggle").removeClass("toggleUp");
            $(".toggle").addClass("toggleDown");
            show = 0;
        }
    }

    function mao() {
        $("#mao").hide();
    }

    $(document).on('mousewheel', function (event) {
        // 在这里编写处理滚轮事件的代码
        $("#mao").show();
    });

    var moduleName = "main";
    var defaultLang = layui.data('langTab').langType;
    initLangConfig({
        defaultLang: defaultLang,
        filePath: "js/i18n/" + moduleName + "/",
        module: moduleName,
        base: "js/"
    })
    var i18np = null;

    function changeLang(lang) {
        defaultLang = lang;
        reloadI18n({
            defaultLang: lang,
            filePath: "js/i18n/" + moduleName + "/",
            module: moduleName,
        })
        // i18np.loadProperties(moduleName);
        initJsys();
    }

    layui.config({base: 'js/'})
        // 继承treetable.js插件
        .extend({i18np: 'i18n'}).use(['i18np', 'jquery'], function () {
        i18np = layui.i18np;
        // i18np.loadProperties(moduleName);
    });

    // 获取轮播图
    $.ajax({
        url: HOST + "webapi/banners/getBanners",
        data: {fenlei: 1},
        success: function (res) {
            if (res.code == 200 && res.data.length > 0) {
                let s = ``;
                for (let i = 0; i < res.data.length; i++) {
                    s += `<div><img
                        src="${res.data[i].images}"
                        alt="">
                    </div>`
                }
                $("#test1>div").html("")
                $("#test1>div").html(s)
                //建造实例
                carousel.render({
                    elem: '#test1'
                    , width: '1400px' //设置容器宽度
                    , arrow: 'always' //始终显示箭头
                    // ,anim: 'updown' //切换动画方式
                });
                $("#test1").css("height", '350px')
            }
        }
    })

    var ydtc = [];
    //移动套餐
    $.ajax({
        url: HOST + "webapi/package/getpackage",
        success: function (res) {
            if (res.code == 200) {
                ydtc = res.data;
                let li = "";
                for (let i = 0; i < res.data.length; i++) {
                    li = li + "<li class=\"validateElement appendEditDelBut ui-droppable\" style='margin-right: 8px;' onclick=\"toYdtc(" + i + ")\">\n" +
                        "                    <p class=\"jx_tit editeTxt\" style=\"margin: 16px auto 10px;\">" + res.data[i].comboNameZh + "</p>\n" +
                        "                    <div class=\"backimg\" style=\"height: 140px;margin: 0 auto;position: relative;\">\n" +
                        "                        <img src=\"" + res.data[i].comboImage + "\" style=\"height: 140px;\">\n" +
                        "                    </div>\n" +
                        "                </li>";
                }
                $("#ydtc").html(li);
            }
        }
    })

    //移动套餐详情
    function toYdtc(i) {
        // console.log("移动套餐ID："+ydtc[i].id);
        location.href = "detail/mobilePackage.html?id=" + ydtc[i].id;
    }

    let gkdhlwGoods = [];
    //高宽带互联网两个商品
    $.ajax({
        url: HOST + "webapi/goods/getWebsiteGoods?limit=3",
        success: function (res) {
            if (res.code == 200) {
                gkdhlwGoods = res.data;
                if (gkdhlwGoods.length >= 2) {
                    $("#goods1 p").html(res.data[1].nameZh);
                }
                if (gkdhlwGoods.length >= 1) {
                    $("#goods2 p").html(res.data[0].nameZh);
                }
                let li = "";
                for (var i = 0; i < res.data.length; i++) {
                    li = li + "<li class=\"validateElement appendEditBut\" onclick=\"toGoodsDetail(" + i + ")\">\n" +
                        "                        <p class=\"traffic_ul2_message1 editeTxt\">" + res.data[i].nameZh + "</p>\n" +
                        "                        <p class=\"traffic_ul2_message2 editeTxt\">热卖</p>\n" +
                        "                        <div class=\"img_div2 backimg\" style='margin: 0 0'>\n" +
                        "                            <img src=\"" + res.data[i].picture + "\"\n" +
                        "                                 class=\"kdzq_pic\">\n" +
                        "                        </div>\n" +
                        "                    </li>";
                }
                $("#kuandai").html(li);
            }
        }
    })

    function toGoodsDetail(i) {
        location.href = "single-product.html?gid=" + gkdhlwGoods[i].id;
    }

    $("#goods1").click(function () {
        if (gkdhlwGoods.length >= 2) {
            location.href = "single-product.html?gid=" + gkdhlwGoods[1].id;
        }
    });
    $("#goods2").click(function () {
        if (gkdhlwGoods.length >= 1) {
            location.href = "single-product.html?gid=" + gkdhlwGoods[0].id;
        }
    });

    function gqrh() {
        location.href = "product-detail-ftth.html";
    }

    function hlwcpe() {
        location.href = "product-detail-hlwCPE.html";
    }

    let llzqCombo = [];
    //流量套餐专区
    $.ajax({
        url: HOST + "webapi/combo/getIndexCombo?limit=3",
        success: function (res) {
            if (res.code == 200) {
                llzqCombo = res.data;
                let li = "";
                for (var i = 0; i < res.data.length; i++) {
                    li = li + "<li class=\"validateElement appendEditDelBut ui-droppable\" onclick=\"toComboDetail(" + i + ")\">\n" +
                        "                        <p class=\"traffic_ul2_message1\">" + res.data[i].comboName + "</p>\n" +
                        "                        <p class=\"traffic_ul2_message2\">" + res.data[i].orderMethod + "</p>\n" +
                        "                        <div class=\"img_div2 backimg\" style='margin: 0 0'>\n" +
                        "                            <img style='width: 200px;height: 200px;' src=\"" + res.data[i].picture + "\" class=\"llb_icon\">\n" +
                        "                        </div>\n" +
                        "                        <div class=\"pro_style\" _bamboo_rep_tag=\"\"></div>\n" +
                        "                    </li>";
                }
                $("#liuliangbao").html(li);
            }
        }
    })

    function toComboDetail(i) {
        // console.log("跳转套餐详情：" + llzqCombo[i].id);
        window.open("popular-package-detail.html?id=" + llzqCombo[i].id);
    }

    $(".floorNavTit").each(function () {
        $(this).click(function () {
            $(".floorNavTit").removeClass("selected");
            $(this).addClass("selected");
        });
    });

    //按类别选购套餐
    var trRow = [];
    getComboByType(1);

    function getComboByType(type) {
        $.ajax({
            url: HOST + "webapi/combo/getComboByPage?limit=4&type=" + type,
            type: "GET",
            success: function (res) {
                trRow = res.data;
                var str1 = "";
                $("#combo").html("");
                for (var i = 0; i < trRow.length; i++) {
                    str1 += "<div class=\"swiper-slide\" style=\"width: 23%;margin: 20px 1%;\">\n" +
                        "                                        <div class=\"product-item\">\n" +
                        "                                            <div class=\"product-img img-zoom-effect\" style='display: flex;justify-content: center;'>\n" +
                        "                                                <img class=\"img-full\" style='width: 240px;height: 240px;border-radius: 6px;' src=\"" + trRow[i].picture + "\">\n" +
                        "                                            </div>\n" +
                        "                                            <div style=\"font-size: 15px;margin-top: 6px;\" onclick=\"toUrl(" + i + ")\">\n" +
                        "                                                <div class=\"anniu\">REGISTER NOW</div>\n" +
                        "                                            </div>\n" +
                        "                                        </div>\n" +
                        "                                    </div>";
                }
                $("#combo").html(str1);
            }
        })
    }

    //粉丝最爱、新进套餐、促销活动套餐
    getComboByFxcType(1);
    getComboByFxcType(2);
    getComboByFxcType(3);

    function getComboByFxcType(type) {
        var idName = "";
        if (type == 1) {
            idName = "comboFs";
        } else if (type == 2) {
            idName = "comboXj";
        } else {
            idName = "comboCx";
        }
        $.ajax({
            url: HOST + "webapi/combo/getFxcCombo?limit=4&type=" + type,
            type: "GET",
            success: function (res) {
                var trRow = res.data;
                if (trRow.length == 0 && type == 3) {
                    $("#cxhd").hide();
                    return false;
                }
                var str1 = "";
                $("#" + idName).html("");
                for (var i = 0; i < trRow.length; i++) {
                    str1 += "<div class=\"swiper-slide\" style=\"width: 23%;margin: 20px 1%;\">\n" +
                        "                                        <div class=\"product-item\">\n" +
                        "                                            <div class=\"product-img img-zoom-effect\" style='display: flex;justify-content: center;'>\n" +
                        "                                                <img class=\"img-full\" style='width: 240px;height: 240px;border-radius: 6px;' src=\"" + trRow[i].picture + "\">\n" +
                        "                                            </div>\n" +
                        "                                            <div style=\"font-size: 15px;margin-top: 6px;\" onclick=\"toUrl(" + i + ")\">\n" +
                        "                                                <div class=\"anniu\">REGISTER NOW</div>\n" +
                        "                                            </div>\n" +
                        "                                        </div>\n" +
                        "                                    </div>";
                }
                $("#" + idName).html(str1);
            }
        })
    }

    //跳转详情页
    function toUrl(i) {
        window.open("popular-package-detail.html?id=" + trRow[i].id);
    }

    //APP图片
    // $.ajax({
    //     url: HOST+"webapi/product/getOperatorApp",
    //     type: "GET",
    //     success: function (res) {
    //         $("#image1").attr("src",res.data.operatorApp.image1);
    //         $("#image2").attr("src",res.data.operatorApp.image2);
    //         $("#image3").attr("src",res.data.operatorApp.image3);
    //     }
    // })

    //技术优势
    var jsysData = "";
    $.ajax({
        url: HOST+"webapi/technicalAdvantages/getTechnicalAdvantages",
        type: "GET",
        success: function (res) {
            if (res.code == 200){
                jsysData = res.data;
                initJsys();
            }
        }
    })

    function initJsys(){
        var s = "";
        if (defaultLang == "zh") {
            $("#ysJianjie").html(jsysData.jianjie.contentZh);
            for (var i=0;i<jsysData.youshi.length;i++){
                s = s + "<div class=\"toggleBox\">\n" +
                    "                <div class=\"sub\">\n" +
                    "                    <h3><img src=\"img/jsys/h_l.jpg\"><span>"+jsysData.youshi[i].ysNameZh+"</span><img src=\"img/jsys/h_r.jpg\"></h3>\n" +
                    "                    <p class=\"p1\" setedaria=\"true\" tabindex=\"0\">\n" +
                    "                        "+jsysData.youshi[i].ysJianjieZh+"\n" +
                    "                    </p>\n" +
                    "                    <img src=\"img/jsys/triangle.jpg\" class=\"triangle\">\n" +
                    "                </div>\n" +
                    "                <div class=\"sub_2\">\n" +
                    "                    <h3 i18n=\"main.example\">示例</h3>\n" +
                    "                    <p class=\"p1\" setedaria=\"true\" tabindex=\"0\">"+jsysData.youshi[i].slJianjieZh+" </p>\n" +
                    "                    <img data-lazyimg=\""+jsysData.youshi[i].slUrl+"\" src=\""+jsysData.youshi[i].slUrl+"\" class=\"gif\">\n" +
                    "                </div>\n" +
                    "            </div>";
            }
        } else if (defaultLang == "la") {
            $("#ysJianjie").html(jsysData.jianjie.contentLao);
            for (var i=0;i<jsysData.youshi.length;i++){
                s = s + "<div class=\"toggleBox\">\n" +
                    "                <div class=\"sub\">\n" +
                    "                    <h3><img src=\"img/jsys/h_l.jpg\"><span>"+jsysData.youshi[i].ysNameLao+"</span><img src=\"img/jsys/h_r.jpg\"></h3>\n" +
                    "                    <p class=\"p1\" setedaria=\"true\" tabindex=\"0\">\n" +
                    "                        "+jsysData.youshi[i].ysJianjieLao+"\n" +
                    "                    </p>\n" +
                    "                    <img src=\"img/jsys/triangle.jpg\" class=\"triangle\">\n" +
                    "                </div>\n" +
                    "                <div class=\"sub_2\">\n" +
                    "                    <h3 i18n=\"main.example\">示例</h3>\n" +
                    "                    <p class=\"p1\" setedaria=\"true\" tabindex=\"0\">"+jsysData.youshi[i].slJianjieLao+" </p>\n" +
                    "                    <img data-lazyimg=\""+jsysData.youshi[i].slUrl+"\" src=\""+jsysData.youshi[i].slUrl+"\" class=\"gif\">\n" +
                    "                </div>\n" +
                    "            </div>";
            }
        } else if (defaultLang == "en") {
            $("#ysJianjie").html(jsysData.jianjie.contentEn);
            for (var i=0;i<jsysData.youshi.length;i++){
                s = s + "<div class=\"toggleBox\">\n" +
                    "                <div class=\"sub\">\n" +
                    "                    <h3><img src=\"img/jsys/h_l.jpg\"><span>"+jsysData.youshi[i].ysNameEn+"</span><img src=\"img/jsys/h_r.jpg\"></h3>\n" +
                    "                    <p class=\"p1\" setedaria=\"true\" tabindex=\"0\">\n" +
                    "                        "+jsysData.youshi[i].ysJianjieEn+"\n" +
                    "                    </p>\n" +
                    "                    <img src=\"img/jsys/triangle.jpg\" class=\"triangle\">\n" +
                    "                </div>\n" +
                    "                <div class=\"sub_2\">\n" +
                    "                    <h3 i18n=\"main.example\">示例</h3>\n" +
                    "                    <p class=\"p1\" setedaria=\"true\" tabindex=\"0\">"+jsysData.youshi[i].slJianjieEn+" </p>\n" +
                    "                    <img data-lazyimg=\""+jsysData.youshi[i].slUrl+"\" src=\""+jsysData.youshi[i].slUrl+"\" class=\"gif\">\n" +
                    "                </div>\n" +
                    "            </div>";
            }
        }
        $(".jsys_list").html(s);
    }
</script>
</body>
</html>